import React, { Component } from "react"
import "./step.modules.less"
const Fragment = React.Fragment
class Step extends Component {
    constructor(props) {
        super(props)
        this.state = {
            sign: false,
        };
    }

    handleColor =()=>{
        this.setState({ 
            sign: !this.state.sign,
            goodModal:true,
         });
        
    }
    render() {
        return (
            <Fragment>
                <div className='stepWrap'>


                    <div className={['scroll', this.state.sign ? "active" : 'scroll'].join(' ')}>
                        <div className='reduce'></div>
                        <input className='stepinput' />
                    </div>
                    <div className='add'
                        onClick={this.handleColor}
                    ></div>
                </div>

                
            </Fragment>
        )
    }
}

export default Step